<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>{{ title }}</title>
  <script>
    // rem.js
    !function (n, w) {
      var e = n.document,
        t = e.documentElement,
        o = 'orientationchange' in n ? 'orientationchange' : 'resize',
        a = function () {
          var n = t.clientWidth || w
          n > w && (n = w)
          t.style.fontSize = n / w * 100 + 'px'
        }
      e.addEventListener && (n.addEventListener(o, a, !1), e.addEventListener('DOMContentLoaded', a, !1))
    }(window, 750)
  </script>
</head>
<body>
{% block body %}{% endblock %}
</body>
</html>